<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>聊天详情</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_message_chatdetail.css" />
</head>

<body>
    <div id="app" v-cloak>
        <div  class="aui-content content">
            <section class="aui-chat" id="chat_content">
               <!-- <template>
                    <div class="aui-chat-header">2020-09-01 09:36</div>
                    <div class="aui-chat-item">
                        <div class="aui-chat-media fl">
                            <img src="../image/jiangyou.jpg" />
                        </div>
                        <div class="aui-chat-inner leftbox">
                            <div class="aui-chat-name rightname">张三</div>
                            <div class="aui-chat-content leftmain">
                               你师刚好手感很舒服
                            </div>
                        </div>
                    </div>
                    <div class="aui-chat-item mainright">
                        <div class="aui-chat-media fr">
                            <img src="../image/huodong.png" />
                        </div>
                        <div class="aui-chat-inner fl rightbox">
                            <div class="aui-chat-name txtfr rightname">李四</div>
                            <div class="aui-chat-content rightmain">
                                那个副书记客户格就
                            </div>
                        </div>
                    </div>
                </template> -->
                <template v-for="item in list">
                    <div class="aui-chat-header">{{item.addTime}}</div>

                    <div v-if="!item.isMyChat" class="aui-chat-item">
                        <div class="aui-chat-media fl">
                            <img v-bind:src="item.headImage==''?'../image/touxiang.png':item.headImage" />
                        </div>
                        <div class="aui-chat-inner leftbox">
                            <div class="aui-chat-name rightname">{{item.addUser}}</div>
                            <div class="aui-chat-content leftmain">
                                {{item.content}}
                            </div>
                        </div>
                    </div>

                    <div v-if="item.isMyChat" class="aui-chat-item mainright">
                        <div class="aui-chat-media fr">
                            <img v-bind:src="item.headImage==''?'../image/touxiang.png':item.headImage" />
                        </div>
                        <div class="aui-chat-inner fl rightbox">
                            <div class="aui-chat-name txtfr rightname">{{item.addUser}}</div>
                            <div class="aui-chat-content rightmain">
                                {{item.content}}
                            </div>
                        </div>
                    </div>




                    <!-- <div v-if="!item.isMyChat" class="aui-chat-item">
                        <div class="aui-chat-media">
                            <img v-bind:src="item.headImage" />
                        </div>
                        <div class="aui-chat-inner">
                            <div class="aui-chat-name">{{item.addUser}}</div>
                            <div class="aui-chat-content">
                                <div class="aui-chat-arrow"></div>
                                {{item.content}}
                            </div>
                        </div>
                    </div>
                    <div v-if="item.isMyChat" class="aui-chat-item">
                        <div class="aui-chat-media">
                            <img v-bind:src="item.headImage" />
                        </div>
                        <div class="aui-chat-inner">
                            <div class="aui-chat-name">{{item.addUser}}</div>
                            <div class="aui-chat-content">
                                <div class="aui-chat-arrow"></div>
                                {{item.content}}
                            </div>
                        </div>
                    </div> -->
                </template>
            </section>
        </div>
        <div class="chat_bottom top_line">
            <div class="chat_table ">
                <div class="second" v-on:click="start_post()">
                    <textarea id="textarea" v-model="form.Content" placeholder="请输入您的消息..."></textarea>
                </div>
                <div class="third" v-on:click="do_post()">发送</div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js "></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/webSocket.js"></script>
<script type="text/javascript" src="../script/textarea.js"></script>
<script type="text/javascript" src="js/dl_message_chatdetail.js"></script>

</html>
